<template>
	<div class="home">
		<Header></Header>
		<div class="main">
			<leftMenu></leftMenu>
			<div class="right">
				<!-- home页面的子路由数据展示位 -->
				<el-card class="main_box">
					<router-view></router-view>
				</el-card>
				
			</div>
		</div>
	</div>
</template>

<script>
	import Header from '../components/header.vue';
	import leftMenu from '../components/leftMenu.vue'
	export default{
		components:{
			Header,
			leftMenu
		}
	}
</script>

<style scoped>
	.main{
		/* 设置父盒子为弹性盒模型 */
		display: flex;
		width: 100%;
	}

	.right{
		width: 900px;
		flex: 1;
		background: #dadada;
		margin: 0 5px;
		padding: 10px 10px 0 10px;
	}
	.main_box{
		min-height: calc(100vh - 80px);
	}
</style>
